<!--
/**
* @author xuyh0817
* @email xuyh0817@foxmail.com
* @date 2022-02-22 01:23
* @version 2.0.0
* @doc todo
* @website todo
* @remark  如果要分发源码，需在本文件顶部保留此文件头信息！！
*/
-->
<template>
  <div class="x-render-main">
    <a-skeleton :loading="xDesignForm.loading" active :paragraph="{rows: 10}">
      <XRenderMainHeader v-on="$listeners"/>
      <XRenderMainContent/>
    </a-skeleton>
  </div>
</template>
<script>
import XRenderMainHeader from './components/XRenderMainHeader'
import XRenderMainContent from './components/XRenderMainContent'

export default {
  name: 'XDesignMainIndex',
  inject: ['xDesignForm'],
  components: {
    XRenderMainHeader,
    XRenderMainContent
  }
}
</script>
<style lang="css" scoped>
/* 中部 */
.x-render-main {
  flex-grow: 1;
  width: 750px;
  height: calc(100vh - 60px);
}
</style>
